<template>
<mu-appbar style="width: 100%;" color="primary">
  <mu-button icon slot="left">
    <mu-icon value="menu"></mu-icon>
  </mu-button>
  <mu-container>
  <mu-tabs :value.sync="active" full-width>
    <mu-tab>我的</mu-tab>
    <mu-tab>音乐圈</mu-tab>
    <mu-tab>电台</mu-tab>
  </mu-tabs>
</mu-container>
  <mu-menu slot="right">
    <mu-button flat @click="changePage">
      <mu-icon value="search" size="28"></mu-icon>
    </mu-button>
  </mu-menu>
</mu-appbar>
</template>
<script>
export default {
  data () {
    return {
      active: 1
    }
  },
  methods: {
    changePage () {
      this.$router.push('home')
    }
  }

}
</script>
<style lang="scss">
.mu-tabs{
  background: #D8000F
}
</style>
